/* components/search/search.wxss */

.search_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 88rpx;
  padding: 0 16rpx 0 30rpx;
  background: #fff;

  >.ipt_wrap {
    flex: 1;
    display: flex;
    align-items: center;
    height: 60rpx;
    border-radius: 8rpx;
    background: #EFEFEF;

    >.ipt {
      flex: 1;
      font-size: 24rpx;
    }

    >.icon-search {
      width: 56rpx;
      height: 100%;
    }

    >.icon-close {
      // width: 48rpx;
      width: 60rpx;
      height: 100%;
    }


  }

  >.icon-filter {
    width: 52rpx;
    height: 52rpx;
    // margin-left: 78rpx;
    margin-left: 10rpx;
    font-size: 40rpx;
    // font-weight: bold;
  }

  >.icon-high_rank {
    width: 52rpx;
    height: 52rpx;
    // margin-left: 78rpx;
    margin-left: 10rpx;
    font-size: 50rpx;
    // font-weight: bold;
  }

  .iconfont {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9A9A9A;

    &.active {
      color: #2882FE;
    }
  }
}
.hidden{
  display: none !important;
}
